<template>
  <div id="app">
    <!-- 根路由的出口 -->
    <router-view/>
  </div>
</template>
<script lang="ts">
// import Vue from 'vue'
// import Component from 'vue-class-component'
// // import { component } from 'vue/types/umd';
// @Component // 装饰器
// export default class App extends Vue {
//   a = 1
//   b = '2'
//   c = {
//     a: 1,
//     b: '2'
//   }

//   test () {
//     console.log(this.a)
//   }
// }

//  1. 编辑器给得类型提示 不够严谨
// 2. ts编译期间的类型验证
import Vue from 'vue'// 加载进vue
import request from './utils/request'
request({
  method: 'GET',
  url: '/boss'
}).then(res => {
  console.log(res)
})
export default Vue.extend({ //
  data () {
    return {
      a: 1,
      b: 2,
      c: 3,
      d: {
        a: 1,
        b: '2'
      }
    }
  },
  methods: {
    test () {
      //  this.a.abc();
    }
  }
})
</script>
<style lang="scss" scoped>

</style>
